home *** CD-ROM | disk | FTP | other *** search
/ Enter 2002 November / EnterCD 11_2002.iso / Internet / Amaya 6.4 / Windows NT.exe / _SETUP.1 / moving_image_map_areas.html < prev    next >
Encoding:
Extensible Markup Language  |  2002-06-11  |  2.3 KB  |  62 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.     
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.   <meta name="GENERATOR" content="amaya 5.2" />
  9.   <title>Moving Image Map Areas</title>
  10.   <style type="text/css"></style>
  11.   <link href="../style.css" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body xml:lang="en" lang="en">
  15.  
  16. <table border="0" summary="toc">
  17.   <tbody>
  18.     <tr>
  19.       <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
  20.         src="../../images/amaya.gif" /></td>
  21.       <td><p> <a href="using_clientside_image_maps.html" accesskey="p"><img alt="previous"
  22.         src="../../images/left.gif" /></a>
  23.         <a href="../ImageMaps.html" accesskey="t"><img alt="top" src="../../images/up.gif" /></a> 
  24.         <a href="resizing_image_map_areas.html" accesskey="n"><img alt="next"
  25.         src="../../images/right.gif" /></a></p>
  26.       </td>
  27.     </tr>
  28.   </tbody>
  29. </table>
  30.  
  31. <div id="page_body">
  32. <h1>Moving Image Map Areas</h1>
  33.  
  34. <p class="ProcedureDescription">After you have <a
  35. href="creating_clientside_image_maps.html">defined an area</a> within an
  36. image map, you can move that area somewhere else within the image:</p>
  37.  
  38. <p class="ProcedureCaption">To move the area directly from the keyboard</p>
  39. <ol>
  40.   <li>Move the cursor into an area of the image map.</li>
  41.   <li>Press the <code>Control</code> key and click the mouse. This will
  42.     highlight the image map area.</li>
  43.   <li>Release the <code>Control</code> key but continue to hold down the
  44.     mouse button. Use the mouse to move the highlighted image area to its new
  45.     location.</li>
  46. </ol>
  47.  
  48. <p class="ProcedureCaption">To move the area using the Structure view</p>
  49. <ol>
  50.   <li>Select <strong>Show Structure</strong> from the <strong>Views</strong>
  51.     menu (or press<code> Alt + v</code> then <code>Alt + s</code>). The
  52.     structure view of the document will open in another window.</li>
  53.   <li>Edit the <code>coords</code> attribute manually. Example:
  54.     <code>coords=28,5,55,33.</code></li>
  55.   <li>The image map area will move accordingly in the open browser
  56.   window.</li>
  57. </ol>
  58. </div>
  59.  
  60. </body>
  61. </html>
  62.